<!DOCTYPE html>
<html lang="en">
<head>
	<title>网易手机客户端</title>
	<meta charset="UTF-8">
	<meta name="viewport" id="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<link rel="stylesheet" href="content.css" type="text/css" />
</head>
<body>
	<div class="doc">
		<div class="doc-header"></div>
		<div class="doc-cnt">
			<div class="doc-cnt-nav">
				<ul class="nav-ul">
					<li><a class="nav-li-a first-a" href="#">头条</a></li>
					<li><a class="nav-li-a" href="#">娱乐</a></li>
					<li><a class="nav-li-a" href="#">热点</a></li>
					<li><a class="nav-li-a" href="#">体育</a></li>
					<li><a class="nav-li-a" href="#">本地</a></li>
					<li><a class="nav-li-a" href="#"><span class="icon-down"></span></a></li>
				</ul>
			</div>
			<div class="doc-cnt-bar">
					<a class="cnt-bar-a" href="#">
						<img src="images/bar.jpg" />
					</a>
					<div class="bar-h">
						<span>
							<img src="images/icon.png" />
						</span>
						<a class="bar-h-news" href="#">
							山东商场因停车费纠结遭多辆汽车围堵
						</a>
						<ul class="bar-h-tab">
							<li></li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
					</div>
			</div>
			<div class="doc-column01">
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news01.png" />
						</a>
					</div>
					<div class="news-test">
						<h1><a href="demo2/demo2.html">郑州大货车直接压榨多人致死</a></h1>
						<p>因现场血肉模糊无法分辨具体人数，现事故原因不详。</p>
						<span class="news-test-hot">2223人跟贴</span>
					</div>
				</div>
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news02.png" />
						</a>
					</div>
					<div class="news-test">
						<h1><a href="demo2/demo2.html">郑州大货车直接压榨多人致死</a></h1>
						<p>因现场血肉模糊无法分辨具体人数，现事故原因不详。</p>
						<span class="news-test-hot">2223人跟贴</span>
					</div>
				</div>
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news03.png" />
						</a>
					</div>
					<div class="news-test">
						<h1>郑州大货车直接压榨多人致死</h1>
						<p>因现场血肉模糊无法分辨具体人数，现事故原因不详。</p>
						<span class="news-test-hot">2223人跟贴</span>
					</div>
				</div>
				<div class="column02-news">
					<div class="news-head">
						<h1>三轮尾随大货车</h1>
						<span class="news-head-hot">4417人跟贴</span>
					</div>
					<div class="news2-photo">
						<a href="#">
							<img src="images/news04.png" />
						</a>
						<a href="#">
							<img src="images/news05.png" />
						</a>
						<a class="last-img" href="#">
							<img src="images/news06.png" />
						</a>
					</div>
				</div>
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news01.png" />
						</a>
					</div>
					<div class="news-test">
						<h1>郑州大货车直接压榨多人致死</h1>
						<p>因现场血肉模糊无法分辨具体人数，现事故原因不详。</p>
						<span class="news-test-hot">2223人跟贴</span>
					</div>
				</div>
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news02.png" />
						</a>
					</div>
					<div class="news-test">
						<h1>郑州大货车直接压榨多人致死</h1>
						<p>因现场血肉模糊无法分辨具体人数，现事故原因不详。</p>
						<span class="news-test-hot">2223人跟贴</span>
					</div>
				</div>
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news03.png" />
						</a>
					</div>
					<div class="news-test">
						<h1>郑州大货车直接压榨多人致死</h1>
						<p>因现场血肉模糊无法分辨具体人数，现事故原因不详。</p>
						<span class="news-test-hot">2223人跟贴</span>
					</div>
				</div>
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news03.png" />
						</a>
					</div>
					<div class="news-test">
						<h1>郑州大货车直接压榨多人致死</h1>
						<p>因现场血肉模糊无法分辨具体人数，现事故原因不详。</p>
						<span class="news-test-hot">2223人跟贴</span>
					</div>
				</div>
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news03.png" />
						</a>
					</div>
					<div class="news-test">
						<h1>郑州大货车直接压榨多人致死</h1>
						<p>因现场血肉模糊无法分辨具体人数，现事故原因不详。</p>
						<span class="news-test-hot">2223人跟贴</span>
					</div>
				</div>
				<div class="column02-news">
					<div class="news-head">
						<h1>黄金蟒客串车模现太原国际车展</h1>
						<span class="news-head-hot">4417人跟贴</span>
					</div>
					<div class="news2-photo">
						<a href="#">
							<img src="images/news07.png" />
						</a>
						<a href="#">
							<img src="images/news08.png" />
						</a>
						<a class="last-img" href="#">
							<img src="images/news09.png" />
						</a>
					</div>
				</div>
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news10.png" />
						</a>
					</div>
					<div class="news-test">
						<h1>未婚妈妈困境</h1>
						<p>政策差别对待“非婚生子“，未婚妈妈渴望理解而非同情。</p>
						<span class="news-test-hot">568人跟贴</span>
					</div>
				</div>
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news11.png" />
						</a>
					</div>
					<div class="news-test">
						<h1>男子举报继母</h1>
						<p>政策差别对待“非婚生子”，未婚妈妈渴望理解而非同情。</p>
						<span class="news-test-hot">417人跟贴</span>
					</div>
				</div>		
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news12.png" />
						</a>
					</div>
					<div class="news-test">
						<h1>刘亦菲</h1>
						<p>政策差别对待“非婚生子”，未婚妈妈渴望理解而非同情。</p>
						<span class="news-test-hot">417人跟贴</span>
					</div>
				</div>
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news11.png" />
						</a>
					</div>
					<div class="news-test">
						<h1>男子举报继母</h1>
						<p>政策差别对待“非婚生子”，未婚妈妈渴望理解而非同情。</p>
						<span class="news-test-hot">417人跟贴</span>
					</div>
				</div>		
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news12.png" />
						</a>
					</div>
					<div class="news-test">
						<h1>刘亦菲</h1>
						<p>政策差别对待“非婚生子”，未婚妈妈渴望理解而非同情。</p>
						<span class="news-test-hot">417人跟贴</span>
					</div>
				</div>
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news11.png" />
						</a>
					</div>
					<div class="news-test">
						<h1>男子举报继母</h1>
						<p>政策差别对待“非婚生子”，未婚妈妈渴望理解而非同情。</p>
						<span class="news-test-hot">417人跟贴</span>
					</div>
				</div>		
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news12.png" />
						</a>
					</div>
					<div class="news-test">
						<h1>刘亦菲</h1>
						<p>政策差别对待“非婚生子”，未婚妈妈渴望理解而非同情。</p>
						<span class="news-test-hot">417人跟贴</span>
					</div>
				</div>
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news11.png" />
						</a>
					</div>
					<div class="news-test">
						<h1>男子举报继母</h1>
						<p>政策差别对待“非婚生子”，未婚妈妈渴望理解而非同情。</p>
						<span class="news-test-hot">417人跟贴</span>
					</div>
				</div>		
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news12.png" />
						</a>
					</div>
					<div class="news-test">
						<h1>刘亦菲</h1>
						<p>政策差别对待“非婚生子”，未婚妈妈渴望理解而非同情。</p>
						<span class="news-test-hot">417人跟贴</span>
					</div>
				</div>
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news11.png" />
						</a>
					</div>
					<div class="news-test">
						<h1>男子举报继母</h1>
						<p>政策差别对待“非婚生子”，未婚妈妈渴望理解而非同情。</p>
						<span class="news-test-hot">417人跟贴</span>
					</div>
				</div>		
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news12.png" />
						</a>
					</div>
					<div class="news-test">
						<h1>刘亦菲</h1>
						<p>政策差别对待“非婚生子”，未婚妈妈渴望理解而非同情。</p>
						<span class="news-test-hot">417人跟贴</span>
					</div>
				</div>
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news10.png" />
						</a>
					</div>
					<div class="news-test">
						<h1>未婚妈妈困境</h1>
						<p>政策差别对待“非婚生子“，未婚妈妈渴望理解而非同情。</p>
						<span class="news-test-hot">568人跟贴</span>
					</div>
				</div>
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news10.png" />
						</a>
					</div>
					<div class="news-test">
						<h1>未婚妈妈困境</h1>
						<p>政策差别对待“非婚生子“，未婚妈妈渴望理解而非同情。</p>
						<span class="news-test-hot">568人跟贴</span>
					</div>
				</div>
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news12.png" />
						</a>
					</div>
					<div class="news-test">
						<h1>刘亦菲</h1>
						<p>政策差别对待“非婚生子”，未婚妈妈渴望理解而非同情。</p>
						<span class="news-test-hot">417人跟贴</span>
					</div>
				</div>
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news11.png" />
						</a>
					</div>
					<div class="news-test">
						<h1>男子举报继母</h1>
						<p>政策差别对待“非婚生子”，未婚妈妈渴望理解而非同情。</p>
						<span class="news-test-hot">417人跟贴</span>
					</div>
				</div>		
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news12.png" />
						</a>
					</div>
					<div class="news-test">
						<h1>刘亦菲</h1>
						<p>政策差别对待“非婚生子”，未婚妈妈渴望理解而非同情。</p>
						<span class="news-test-hot">417人跟贴</span>
					</div>
				</div>
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news11.png" />
						</a>
					</div>
					<div class="news-test">
						<h1>男子举报继母</h1>
						<p>政策差别对待“非婚生子”，未婚妈妈渴望理解而非同情。</p>
						<span class="news-test-hot">417人跟贴</span>
					</div>
				</div>		
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news12.png" />
						</a>
					</div>
					<div class="news-test">
						<h1>刘亦菲</h1>
						<p>政策差别对待“非婚生子”，未婚妈妈渴望理解而非同情。</p>
						<span class="news-test-hot">417人跟贴</span>
					</div>
				</div>
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news10.png" />
						</a>
					</div>
					<div class="news-test">
						<h1>未婚妈妈困境</h1>
						<p>政策差别对待“非婚生子“，未婚妈妈渴望理解而非同情。</p>
						<span class="news-test-hot">568人跟贴</span>
					</div>
				</div>
				<div class="column01-news">
					<div class="news-photo">
						<a href="#">
							<img src="images/news10.png" />
						</a>
					</div>
					<div class="news-test">
						<h1>未婚妈妈困境</h1>
						<p>政策差别对待“非婚生子“，未婚妈妈渴望理解而非同情。</p>
						<span class="news-test-hot">568人跟贴</span>
					</div>
				</div>
			</div>
		</div>
		<div class="doc-footer">
			<ul class="doc-footer-ul">
				<li>
					<span class="icon-newspaper first-icon"></span>
					<a class="first-icon" href="#">新闻</a>
				</li>
				<li>
					<span class="icon-book2"></span>
					<a href="#">阅读</a>
				</li>
				<li>
					<span class="icon-film"></span>
					<a href="#">试听</a>
				</li>
				<li>
					<span class="icon-bulb"></span>
					<a href="#">发现</a>
				</li>
				<li>
					<span class="icon-user"></span>
					<a href="#">我</a>
				</li>
			</ul>
		</div>
	</div>	
</body>
</html>